<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>

<?xml version="1.0" encoding="UTF-8" ?>

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${msg.editar}</title>
<link rel="stylesheet" type="text/css" href="../css/cadastro.css" />
</head>
<body>
	<f:view locale="#{languageDetails.locale}">
		<h:form id="cadastro">
			<div id="header">
				<h2>
					<h:outputText value="#{msg.editar}" />
				</h2>
			</div>
			<div id="painel">
				<h:panelGrid columns="3">
					<!-- 				Dados de cadastro 						-->
					<div id="dadosCadastro">
						<h3>
							<h:outputText value="#{msg.dadosCadastrais}"
								styleClass="subTitulo" />
						</h3>

						<h:outputLabel styleClass="label" value="#{msg.username}"
							for="username" />
						<h:inputText styleClass="camposEntrada" id="username"
							value="#{ControladorUsuario.us.login}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.validacaoLogin}">
							<f:validateLength minimum="3" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="usernameErro"
							for="username" />

						<h:outputLabel styleClass="label" value="#{msg.email}" for="email" />
						<h:inputText styleClass="camposEntrada" id="email"
							value="#{ControladorUsuario.us.email}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.validacaoEmail}">
							<f:validateLength minimum="3" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="emailErro" for="email" />

					</div>
					<!-- 			    Dados Pessoais 							-->
					<div id="dadosPessoais">
						<h3>
							<h:outputText styleClass="subTitulo" value="#{msg.dadosPessoais}" />
						</h3>
						<h:outputLabel styleClass="label" value="#{msg.nome}" for="nome" />
						<h:inputText styleClass="camposEntrada" id="nome"
							value="#{ControladorUsuario.us.nome}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.validacaoNome}">
							<f:validateLength minimum="3" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="nomeErro" for="nome" />

						<h:outputLabel styleClass="label" value="#{msg.sobrenome}"
							for="sobrenome" />
						<h:inputText styleClass="camposEntrada" id="sobrenome"
							value="#{ControladorUsuario.us.sobrenome}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.validacaoSobrenome}">
							<f:validateLength minimum="3" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="sobrenomeErro"
							for="sobrenome" />

						<h:outputLabel styleClass="label" value="#{msg.cpf}" for="cpf" />
						<h:inputText styleClass="camposEntrada" id="cpf"
							value="#{ControladorUsuario.us.cpf}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.validacaoCPF}">
							<f:validateLength minimum="6" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="cpfErro" for="cpf" />

						<h:outputLabel styleClass="label" for="birthdate"
							value="#{msg.dtnasc}" />
						<h:inputText styleClass="camposEntrada" id="birthdate"
							required="true" requiredMessage="#{msg.campoObrigatorio}"
							value="#{ControladorUsuario.us.dataNascimento}">
							<f:convertDateTime type="date" dateStyle="short"
								pattern="dd/MM/yyyy" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="birthdateErro"
							for="birthdate" />

						<%-- 						<h:outputLabel value="Telefone" for="telefone" /> --%>
						<%-- 						<h:inputText id="telefone" --%>
						<%-- 							value="#{ControladorUsuario.us.telefone}" required="true" --%>
						<%-- 							requiredMessage="#{msg.campoObrigatorio}" --%>
						<%-- 							validatorMessage="#{msg.msg2}"> --%>
						<%-- 							<f:validateLength minimum="6" maximum="30" /> --%>
						<%-- 						</h:inputText> --%>
						<%-- 						<h:message style="color: red; text-decoration: overline" --%>
						<%-- 							id="telefoneErro" for="telefone" /> --%>

						<h:outputText styleClass="label" value="#{msg.sexo}"></h:outputText>
						<h:selectOneRadio value="#{ControladorUsuario.us.sexo}"
							required="true" requiredMessage="#{msg.campoObrigatorio}">
							<f:selectItem id="masculino" itemLabel="Masculino" itemValue="M"
								value="true" />
							<f:selectItem id="feminino" itemLabel="Feminino" itemValue="F" />
						</h:selectOneRadio>
						<p></p>
						<p></p>

						<h:outputText styleClass="label" value="#{msg.estadocivil}"></h:outputText>
						<h:selectOneRadio value="#{ControladorUsuario.us.estadoCivil}">
							<f:selectItem id="solteiro" itemLabel="Solteiro" itemValue="0" />
							<f:selectItem id="casado" itemLabel="Comprometido" itemValue="1" />
						</h:selectOneRadio>
						<p></p>
						<p></p>

						<h:outputLabel styleClass="label" value="#{msg.pais}" for="pais" />
						<h:inputText styleClass="camposEntrada" id="pais"
							value="#{ControladorUsuario.us.pais}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.msg2}">
							<f:validateLength minimum="6" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="paisErro" for="pais" />
						
						<h:outputLabel styleClass="label" value="#{msg.estado}"
							for="estado" />
						<h:inputText styleClass="camposEntrada" id="estado"
							value="#{ControladorUsuario.us.estado}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.msg2}">
							<f:validateLength minimum="6" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="estadoErro" for="estado" />

						<h:outputLabel styleClass="label" value="#{msg.cidade}"
							for="cidade" />
						<h:inputText styleClass="camposEntrada" id="cidade"
							value="#{ControladorUsuario.us.cidade}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.msg2}">
							<f:validateLength minimum="3" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="cidadeErro" for="cidade" />

						<h:outputLabel styleClass="label" value="#{msg.endereco}" for="endereco" />
						<h:inputText styleClass="camposEntrada" id="endereco"
							value="#{ControladorUsuario.us.endereco}" required="true"
							requiredMessage="#{msg.campoObrigatorio}"
							validatorMessage="#{msg.msg2}">
							<f:validateLength minimum="3" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="enderecoErro"
							for="endereco" />

						<h:outputLabel styleClass="label" value="#{msg.complemento}"
							for="complemento" />
						<h:inputText styleClass="camposEntrada" id="complemento"
							value="#{ControladorUsuario.us.complemento}" 
							validatorMessage="#{msg.msg2}">
							<f:validateLength minimum="3" maximum="30" />
						</h:inputText>
						<h:message styleClass="mensagenErro" id="complementoErro"
							for="complemento" />
					</div>
				</h:panelGrid>
				<h:commandButton value="#{msg.editar}"
					action="#{ControladorUsuario.editar}" />
				<a href="home.jsf">${msg.voltar}</a>
				<p>
					<h:messages globalOnly="true" style="color: red" />
				</p>
			</div>
		</h:form>
	</f:view>
</body>
</html>